<!DOCTYPE html>
<html lang="en">
  <head>
    <?php echo Yaf_View_Simple::render('header.phtml'); ?>
  </head>
  <body data-target=".bs-docs-sidebar">
    <?php echo Yaf_View_Simple::render('nav.phtml'); ?>
    <div class="container">
      <div class="col-lg-12">
        <div class="page-header">
          <h2><?php echo $article['title']; ?></h2>
          <p class="post-author">
            <span>Authoer: <?php echo $article['author']; ?></span>
            <span>Date: <?php echo htmlspecialchars_decode($article['create_time']); ?></span>

          </p>
        </div>          
        <div class="main">
          <div class="post-content"><?php echo htmlspecialchars_decode($article['contents']); ?></div>
        </div>
        <div class="comment">
          <form role="form"  method ="post" action="o2o" id="beform">
            <fieldset>
              <div class="form-group">
                <label class="control-label" for="comment">Comment:only the member be could commet!</label>
                <textarea name="comment" rows="5" id="comment" class="form-control"></textarea>

              </div>
              <div class="form-group">
                <a href="javascript:def.submit('#beform',null)" class="btn btn-primary">Submit</a>
              </div>
            </fieldset>
          </form>
        </div> <!--       /.comment -->
        <div class="comment-list">
          <?php foreach($comment as $value){ ?>
          <div class="comment-item">
            <span class="author">[<?php echo $value['name']; ?> | <?php echo $value['create_time']; ?>]</span>
            <span class="stat"><?php echo $value['comment']; ?></span>
          </div>
          <?php } ?>
        </div>
      </div>
    </div>

    <footer class="footer">
      <?php echo Yaf_View_Simple::render('footer.phtml'); ?>
    </footer>
    <!-- 模态框（Modal） -->
    <div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modellabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header bg-default">
            <div class="modal-title" id="modallabel">
              <h5 class="text-primary">Signal</h5>
            </div>
          </div>
          <div class="modal-body bg-primary">

          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close
            </button>
          </div>
        </div><!-- /.modal-content -->
      </div><!-- /.modal -->
    </div>
  </body>
</html>
